Mikmak View UnitBase Editing pagina

Dit is bij manier van spreken de home pagina van de Category sectie van de website waarin we de entiteit Category kunnen beheren.

Probleem

In Mikmak UnitBase Editing wireframe omzetten naar HTML hebben we gezien hoe je de mockup omzet in een html. Wat we daar deden is ook van toepassing voor de entiteit Category. We voegen nu de PHP code toe om de gegevens uit het model op de pagina te tonen. Verder voegen we de use cases, die de gebruiker hier kan uitvoeren, toe.

Design

We sluiten de partialView methode van de view methode om de ReadingAll.php view pagina op te nemen in de Edting.php view pagina.

Op het einde roepen we de appStateView closure op om de berichten op het prikbord te tonen.

We vullen de drie use cases in die de gebruiker op die pagina kan uitvoeren:

1. terugkeren naar de home pagina

   <a href="<index.php?uc=Admin-index" class="tile _14x1">
       <span class="icon-menu2"></span>
       <span class="screen-reader-text">Home</span>
   </a>

2. een basiseenheid toevoegen

   <div id="command-panel" class="command-panel">
       <button type="submit" value="Category-creatingOne" name="uc">
           <span class="icon-plus"></span><span class="screen-reader-text">Inserten</span></button>
   </div>

Oplossing

Maak een bestand met de naam Editing.php in de Category subfolder in de View folder met daarin de volgende code:

<!--  editing Template for Category entity
 modernways.be
 created by an orm apart
 Entreprise de modes et de manières modernes
 created on Sunday 24th of January 2016 11:56:06 AM
 file name modernways/Webshop/src/AnOrmApart/View/Category/Editing.php
-->

<div class="floor" id="second-floor">
    <div class="control-panel">
<a href="<index.php?uc=Admin-index" class="tile _14x1">
    <span class="icon-menu2"></span>
    <span class="screen-reader-text">Home</span>
</a>
        <h1>Categorie</h1>
    </div>
    <form class="room" action="index.php" method="post">
        <header>
            <h2>Gebruiker</h2>
            <div id="command-panel" class="command-panel">
                <button type="submit" value="Category-creatingOne" name="uc">
                    <span class="icon-plus"></span><span class="screen-reader-text">Inserten</span></button>
            </div>
        </header>
        <?php $partialView('Category', 'ReadingAll', $model); ?>
    </form>
</div>
<?php $appStateView(); ?>

Resultaat